html,body{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	font-size:0.3rem;
}
/*-----------------头部区域--------------------------*/
#header{
	width:100%;
	height:9vh;
	background-color:yellow;
	/*display: flex;*/
	/*justify-content: space-between;*/
}
#header .header-top{
	width:100%;
	/*display: flex;*/
	/*flex-direction: row;*/
	/*margin: 6% 35%;*/
	font-size:0.15rem;
	/*justify-content: center;*/
}
#header .header-top .version{
	width:13%;
	height:1.1rem;
	margin:0.2rem;
	text-align:center;
	color:#442509;
}
#header .header-top .version p{
	color:#7a5d18;
	font-size: 0.1rem;
}
#header .header-top .version img{
	width:40%;
}
/*#header .header-top span{
	width:0.8rem;
	height:0.6rem;
	text-align: center;
	line-height: 0.6rem;
}*/
/*#header .header-top #pice1{
	background: url(../img/ic_top_tab_left_normal.png) no-repeat center ;	
	background-size:auto 0.5rem;
	color:#FED804;
}
#header .header-top #pice2{
	background: url(../img/ic_top_tab_right_normal.png) no-repeat center;	
	background-size:auto 0.5rem;
	color: #F0F0F0;
}*/
/*#header .header-top span img{
	width:100%;
}*/
#header .header-top .i_search {
	width:100%;
	height:100%;
}
#header .i_search .sear{
	width:70%;
	height:0.45rem;
	position: absolute;
	left:15%;
	top:0.3rem;
	text-indent: 1em;
	border-radius: 0.1rem;
	border:0.01rem solid #7a5d18;
	outline: none;
	padding-left:0.2rem;
	background:url(../img/ic_find_nav_search_normal.png) no-repeat 0.1rem 0.09rem;
	background-size: auto 0.25rem;
	margin:0 auto;
}
#header .i_search img{
	width:100%;
}
#c-backtop{
	position: fixed;
	bottom: 1.5rem;
	right: 0.5rem;
	display: none;
	cursor:pointer;
	z-index: 999;
}
/*-----------------底部四个按钮-----------------------*/
#footer-nav{
	width:100%;
	height:1rem;
	flex-grow: 1;
	background-color: rgba(246,246,246,.95);
	border-top:0.01rem solid #CCCCCC;
	position:fixed;
	bottom:0;
	z-index: 9998;
}
#footer-nav ul{
	display: flex;
	justify-content: space-around;
}
#footer-nav ul li{
	flex-basis:25%;
	text-align:center;
	background:no-repeat;
	padding-top:0.62rem;
}
#footer-nav ul a{
	font-size:0.2rem;
	color:#777;
}
#footer-nav ul .btn1{
	background: url(../img/0.png) no-repeat center 0.08rem;
	background-size:auto 0.5rem;
}
#footer-nav ul  .btn2{
	background: url(../img/ic_tabbar_discover_normal.png) no-repeat center 0.08rem;
	background-size:auto 0.5rem;
}
#footer-nav ul .btn3{
	background: url(../img/ic_tabbar_feed_normal.png) no-repeat center 0.08rem;
	background-size:auto 0.5rem;
}
#footer-nav ul .btn4{
	background: url(../img/ic_tabbar_me_normal.png) no-repeat center 0.08rem;
	background-size:auto 0.5rem;
}
#footer-nav-holder {
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
#footer-nav-holder img {
  width: 100%;
  height: 100%;
}